Mobile App Development with Ionic, Revised Edition: Cross-Platform Apps with Ionic, Angular, and Cordova by Griffith Chris

Author:Griffith, Chris [Griffith, Chris]
Language: eng
Format: azw3
Publisher: O'Reilly Media
Published: 2017-08-18T04:00:00+00:00

ion-content {background-color: #f4efdd;} ion-card-header {background-color: #cfcbbb; font-weight: bold;} ion-card-content{margin-top: 1em;} ion-item-divider.item {background-color: #ab903c; color: #fff; font-size: 1.8rem; font-weight: bold !important;} .item {background-color: #f4efdd;} .toolbar-background {background-color: #706d61;} .searchbar-input-container {background-color: #fff;}

As you can see this CSS is a mix of styling the Ionic components directly, such as the ion-content and ion-card-header, but also setting specific CSS classes. By setting this in the app.scss, these will be applied throughout the app. If you needed to set the style of a specific page or component, then you would do that within the .scss file for that item. Let’s do that now.

The park’s name on the Park Details page is a bit too far down from the header photo, and we need to make sure our header image fills the entire width:

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.